<%@page language="java" pageEncoding="UTF-8" %>
<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title>新闻发布管理平台</title>
		<link rel="stylesheet" type="text/css" href="${pageContext.request.contextPath}/bootstrap/css/bootstrap.min.css"/>
		<style type="text/css">
			body {
				margin: 0;
				padding: 0;
				height: 100vh;
				display: flex;
				flex-flow: column nowrap;
			}
			.header {
				background-color: #007fb0;
				height: 80px;
				padding: 20px;
			}
			.setting {
				float: right;
			}
			.header button {
				height: 40px;
			}
			.main {
				flex: auto;
				display: flex;
			}
			.nav {
				background-color: #eee;
				width: 200px;
				border-right: 1px solid #ddd;
			}
			.nav > div {
				border-bottom: 1px solid #ddd;
			}
			.nav .userinfo {
				height: 40px;
				text-align: center;
				line-height: 39px;
				color: #666;
			}
			.nav .nav-item {
				height: 55px;
				font-size: 18px;
				text-align: center;
				line-height: 54px;
			}
			.content {
				flex: auto;
			}
			.content > iframe {
				width: 100%;
				height: 100%;
			}
		</style>
	</head>
	<body>
		<div class="header">
			<img src="${pageContext.request.contextPath}/images/tit.png">
			<!-- <button type="button" class="btn btn-danger">安全退出</button> -->
			<div class="dropdown setting">
			  <button class="btn btn-default dropdown-toggle" type="button" data-toggle="dropdown">
			    <span class="glyphicon glyphicon-cog"></span> 系统设置 <span class="caret"></span>
			  </button>
			  <ul class="dropdown-menu dropdown-menu-right">
			    <%--<li><a href="#">个人信息</a></li>
				<li role="separator" class="divider"></li>
			    <li><a href="#">修改密码</a></li>
			    <li role="separator" class="divider"></li>--%>
			    <li><a href="exit">安全退出</a></li>
			  </ul>
			</div>
		</div>
		<div class="main">
			<div class="nav">
				<div class="userinfo">当前用户：<span>${sessionScope.user.acct}</span></div>
				<div class="nav-item"><a href="AccountManagement.html" target="contentFrame"><span class="glyphicon glyphicon-user"></span> 用户管理</a></div>
				<div class="nav-item"><a href="ColumnManagement.html" target="contentFrame"><span class="glyphicon glyphicon-th-list"></span> 栏目管理</a></div>
				<div class="nav-item"><a href="NewsManagement.html" target="contentFrame"><span class="glyphicon glyphicon-list-alt"></span> 新闻管理</a></div>
			</div>
			<div class="content">
				<iframe name="contentFrame" frameborder="0" scrolling="yes" src="AccountManagement.html"></iframe>
			</div>
		</div>
		<script src="${pageContext.request.contextPath}/js/jquery-3.3.1.min.js" type="text/javascript" charset="utf-8"></script>
		<script src="${pageContext.request.contextPath}/bootstrap/js/bootstrap.min.js" type="text/javascript" charset="utf-8"></script>
	</body>
</html>
